<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<a href="p1.html">跳转到今天的第一个页面</a><br>
<a href="p5.html">跳转到今天的第二个页面</a><br>
<hr>
<a href="https://www.baidu.com">跳转到百度</a><br>
<a href="https://www.tmooc.cn">跳转到达内</a>
<!--图片链接-->
<a href="https://www.baidu.com"><img src="2.png" width="200px"></a>
<br>
<!--_self刷新当前页  _blank打开一个新的空白页-->
<a href="https://www.baidu.com" target="_self">百度1</a><br>
<a href="https://www.baidu.com" target="_blank">百度2</a><br>
<hr>
<h1>完美世界</h1>
<a href="#c1">快速跳转至第一章</a>
<a href="#c2">快速跳转至第二章</a>
<a href="#c3">快速跳转至第三章</a>
<h3 id="c1">第一章  至尊出世</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus eaque excepturi, nobis quo suscipit vel vitae
    voluptates! Consectetur delectus doloremque dolorum, et in laborum non perspiciatis quia. Pariatur, quo
    voluptates!</p>
<p>Adipisci delectus doloremque expedita provident, quam quibusdam sit ut vel. Ad adipisci cupiditate illum in
    laudantium nobis sit sunt totam. Consequuntur dolor, in molestias natus numquam officiis pariatur sit
    voluptatum.</p>
<p>Beatae consequatur corporis culpa cum deserunt doloremque, esse et, exercitationem fugit impedit labore laboriosam
    maxime molestiae nemo nesciunt non odio officia omnis perspiciatis possimus repellendus sequi, sit temporibus totam
    vel.</p>
<p>Ab aperiam aspernatur atque aut corporis eius est facere fugiat laboriosam optio placeat rem repellendus
    reprehenderit tenetur veniam, veritatis voluptatem! Ab, corporis dignissimos expedita itaque nam nostrum quae
    voluptas! Esse!</p>
<p>Alias eos hic illum maxime, necessitatibus nisi numquam odio placeat praesentium quas quod, sunt temporibus ut! Autem
    blanditiis distinctio, id incidunt nostrum placeat quas tempore tenetur totam, velit vitae voluptatibus.</p>
<p>Blanditiis ex facere ipsam minus possimus soluta voluptates voluptatum. Ab asperiores autem beatae consectetur
    debitis, dolore ducimus eaque error iusto laudantium non optio quam qui quidem quis sed soluta tempore.</p>
<p>Blanditiis laborum molestias optio quae quod sapiente vel? Ad animi atque blanditiis, dolor eum eveniet facilis ipsa
    nobis nostrum placeat qui reiciendis repellat sit. Autem dolore laboriosam perspiciatis provident tempora.</p>
<p>Ad consequatur debitis distinctio molestiae quae quia, reiciendis! Asperiores atque aut beatae blanditiis dolor
    doloremque earum, enim error eveniet fuga in libero maxime minus nulla praesentium quas quia, quod vitae!</p>
<p>Aliquam, architecto aut autem blanditiis deserunt dolor doloremque eum, explicabo fugiat harum impedit neque officia
    reprehenderit sed sequi temporibus, veniam. Aliquam aliquid ducimus, enim exercitationem laudantium maxime quam
    rerum saepe.</p>
<p>Asperiores aspernatur assumenda atque cumque dolorem dolorum earum eligendi incidunt ipsum necessitatibus nisi nobis
    obcaecati optio, perspiciatis quam ratione, soluta suscipit totam veniam veritatis? Asperiores cum est excepturi
    optio tenetur?</p>
<p>Asperiores aspernatur beatae corporis dolores dolorum ea eligendi error ex fugit, laboriosam magni maiores modi neque
    nesciunt obcaecati perferendis, qui quia, quis quisquam ratione sed sequi sint unde voluptas voluptatibus!</p>
<p>A ab accusantium amet aut beatae dolor dolorem dolores facere illo in iusto magnam magni, natus nemo nisi officia
    officiis quaerat, quibusdam quisquam quod reprehenderit similique sint soluta veniam voluptates.</p>
<p>Ad, at autem deserunt, doloremque dolorum error ex expedita facere, fugit harum impedit ipsum itaque laborum magnam
    magni molestiae mollitia nam nemo nesciunt non officia quia repellendus tempore. Officiis, quas.</p>
<p>Corporis deleniti eligendi error necessitatibus placeat quam sed similique, soluta ut? Nobis, soluta, totam.
    Explicabo illum iste quo repellat sit! Doloremque eligendi optio quisquam repellat voluptatibus? Commodi earum iure
    optio.</p>
<p>Doloremque excepturi exercitationem hic iure non, perferendis possimus rem saepe similique sit? At beatae commodi
    cumque dignissimos ea eos facere, neque non quia quibusdam quidem repellat, soluta suscipit tempora ut!</p>
<p>Adipisci aliquam aperiam at aut autem, consequuntur deserunt dolorem error exercitationem harum hic illum impedit
    iure iusto laborum laudantium magnam natus nihil nobis praesentium, qui quisquam repellat sit temporibus unde.</p>
<p>Amet animi assumenda consequatur cupiditate deleniti dicta dolorem, explicabo fuga illum in inventore ipsum laborum
    maiores obcaecati odio, officia porro provident quod repudiandae sit temporibus voluptatem voluptatum. Enim ex,
    ratione.</p>
<p>A culpa dolorem enim, est ex facere facilis hic in inventore ipsum maiores minima minus necessitatibus, nisi
    obcaecati odio odit perferendis provident qui, similique tempore voluptatem voluptatum. Facere, quisquam
    suscipit.</p>
<p>A alias aliquid cumque, cupiditate dignissimos eaque error eveniet explicabo incidunt ipsum maxime modi
    necessitatibus nesciunt porro quae quas quo tenetur vitae. Ad amet autem blanditiis expedita nihil provident
    voluptatem?</p>
<p>A ab animi aperiam at cumque cupiditate dolores doloribus excepturi iste labore, molestiae natus neque nostrum omnis
    provident ratione tempora ut vitae voluptatem voluptatum? Accusantium asperiores aut mollitia quae quo?</p>
<h3 id="c2">第二章  至尊骨被挖</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, autem delectus deserunt dignissimos dolorum
    eligendi enim error illum impedit laboriosam magni nesciunt officia officiis perspiciatis quia ratione,
    reprehenderit suscipit velit.</p>
<p>Cum dolore, dolorem esse in laudantium, minima modi officia officiis pariatur provident quas repellendus velit
    voluptate. Illum magni nobis quam. Ad aliquid architecto, at dolores et id maxime sed tenetur!</p>
<p>Ab accusamus ad assumenda atque, deleniti distinctio ea eaque error excepturi exercitationem expedita facilis fuga
    in, iusto necessitatibus neque perspiciatis possimus provident quasi quo ullam unde vel voluptatem? Ea, saepe?</p>
<p>Autem ducimus est, et minus molestias numquam quas rerum veniam. Adipisci architecto aut, fuga iure nemo nisi numquam
    odit officiis perferendis, quae quaerat quis reprehenderit sed soluta, totam ullam voluptatem!</p>
<p>A, accusamus architecto ducimus eligendi exercitationem hic illum ipsa ipsam quasi quibusdam quisquam rerum tenetur,
    veniam. Adipisci animi eos eum explicabo facilis impedit incidunt iusto necessitatibus numquam, quas unde
    veritatis.</p>
<p>Architecto asperiores aspernatur assumenda culpa deleniti dignissimos dolorem, ducimus eligendi exercitationem
    expedita explicabo fugit illo maiores modi nam numquam perferendis qui quidem repudiandae rerum sed suscipit tempore
    vel veritatis voluptas?</p>
<p>Adipisci aliquam aspernatur, cupiditate dignissimos error incidunt nemo reiciendis unde voluptatum. Aliquid amet enim
    nobis. Accusamus aliquam aliquid animi deserunt dolorem exercitationem illo, itaque officiis quos rerum voluptate
    voluptates! Delectus!</p>
<p>Consectetur eaque ipsam odio odit praesentium, quos similique veritatis? Aspernatur at laudantium molestias natus
    porro repellendus voluptatem? Aut consequuntur, dolorem, esse harum laborum molestiae nemo, officiis reprehenderit
    sapiente sequi voluptate.</p>
<p>Alias cum dolor, et eum inventore omnis perspiciatis praesentium ratione repellat! Alias asperiores aut dicta
    distinctio dolorem dolorum exercitationem expedita facere impedit ipsa odit perspiciatis placeat quos, soluta totam
    voluptatibus.</p>
<p>Alias aliquam aperiam aspernatur, at cupiditate delectus doloribus eveniet exercitationem fuga hic illo iusto
    laboriosam nemo neque nihil nisi possimus quod sapiente sed, sequi vero vitae voluptatibus. Eius maxime,
    officia?</p>
<p>Ab animi asperiores ea excepturi, explicabo facilis harum laudantium nobis nostrum quae quasi, quisquam quos
    reiciendis repellendus similique sit voluptate voluptatem. Aliquam blanditiis consequuntur dolores ea est explicabo
    nostrum ut.</p>
<p>Assumenda atque, aut blanditiis ducimus facilis iusto laborum laudantium nesciunt nisi non placeat praesentium quas
    quo sequi suscipit ullam vel veniam voluptatibus? Nesciunt, quibusdam, vitae? Architecto autem molestias nulla
    tempora!</p>
<p>Ab aliquid, consectetur corporis dignissimos doloremque eaque est exercitationem id iste iusto labore neque nihil
    non, sapiente, suscipit ullam vitae voluptate voluptatibus. Amet architecto deserunt dolorem eligendi magnam sint.
    Nobis.</p>
<p>Asperiores eum fugiat, libero nulla quae voluptates? Aspernatur at atque autem doloribus enim eveniet hic maiores
    mollitia quo, reiciendis, temporibus voluptas? Aliquid aspernatur earum ex facilis laboriosam minus numquam
    pariatur?</p>
<p>Alias assumenda debitis, deleniti dolores labore magnam necessitatibus odio, officia reiciendis sunt tenetur ullam
    vitae voluptatibus! Cumque, ducimus eaque ipsam, iste neque perferendis quisquam recusandae sapiente tempora unde
    veniam voluptas!</p>
<p>Corporis, deserunt dicta dolorem harum illum ipsam quod soluta sunt veniam voluptates! Atque culpa mollitia omnis
    praesentium quam quasi sed sit soluta temporibus voluptas. Distinctio dolorum laborum officiis pariatur ullam.</p>
<p>Animi assumenda at cupiditate, deserunt eius eos nemo quaerat reprehenderit? Aperiam beatae excepturi nulla officiis
    qui quo reprehenderit ullam velit? Accusamus animi consectetur deserunt eaque ex illum, reprehenderit repudiandae
    veniam.</p>
<p>A ab amet assumenda culpa cum deserunt distinctio dolores est eum expedita explicabo fuga iusto laudantium mollitia
    natus nisi nobis, odio optio pariatur rerum saepe unde veritatis? Architecto, doloremque perferendis.</p>
<p>Alias aliquam aliquid asperiores corporis debitis dolor et eveniet fugit minus odit perspiciatis placeat provident,
    quae quo quos repellat repellendus sapiente sed! Accusantium, assumenda distinctio dolor et maxime modi quod.</p>
<p>Accusantium aspernatur commodi culpa fuga hic, inventore labore minima nostrum officiis reiciendis reprehenderit sed
    tempore ut. Corporis delectus eaque excepturi laborum necessitatibus, pariatur placeat quam quibusdam quo recusandae
    sed voluptas.</p>
<h3 id="c3">第三章  最爱喝兽奶</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aspernatur cum dolores eius expedita illum, incidunt
    ipsum itaque iure labore magni molestias nesciunt nulla officiis possimus, quae, reprehenderit sapiente tenetur.</p>
<p>Ab alias cumque error hic ipsum libero nihil nostrum officiis, provident quaerat, quibusdam recusandae soluta! Dicta
    dolorem exercitationem fugit harum, ipsam molestias natus non obcaecati quod repellat soluta unde ut!</p>
<p>Aliquam blanditiis maiores sapiente. Distinctio dolore dolorem dolores exercitationem, mollitia nam natus obcaecati
    rem sint ut voluptate voluptates? Accusantium ad culpa eum illo molestias necessitatibus nihil nobis, possimus quos
    voluptatibus.</p>
<p>Ab aperiam corporis, dignissimos explicabo fugiat hic molestiae nesciunt odit soluta tempore velit, vero voluptatum.
    Eaque hic in iusto quam sequi sint unde voluptatibus? Alias cum eligendi eos id sint.</p>
<p>Adipisci dolor ducimus placeat porro rem sunt tenetur. Adipisci alias amet asperiores, consectetur cumque debitis
    dolorum eaque, esse ex impedit incidunt iusto labore libero nemo odit optio ratione sapiente suscipit!</p>
<p>Aliquid autem culpa dolorum earum, est fugiat illo iure laboriosam maiores nobis quasi quia quo repellat, saepe vitae
    voluptates voluptatibus. Culpa, eveniet harum impedit inventore magnam quia quisquam quos unde?</p>
<p>Amet dicta nisi totam. Aspernatur corporis cupiditate deserunt error facere incidunt laboriosam magnam, maxime minima
    molestiae neque quaerat quia sed sint sit tenetur, ullam veritatis vitae voluptate voluptatem! Maxime, repellat!</p>
<p>Architecto consectetur corporis cumque debitis distinctio dolor earum esse est, expedita explicabo fugit, ipsa, ipsam
    itaque necessitatibus nulla numquam obcaecati optio possimus praesentium qui reiciendis saepe similique unde vel
    voluptatem.</p>
<p>Accusantium cumque debitis doloremque ducimus est illum, incidunt labore libero magni molestias nulla numquam officia
    placeat provident quae quibusdam quisquam rem soluta sunt tempore totam unde velit vero vitae voluptas?</p>
<p>Adipisci beatae blanditiis, cupiditate deleniti et harum ipsam nemo nesciunt odit, perferendis sequi similique! A ab
    accusamus, atque cumque dolores illum impedit laboriosam omnis quos repellendus rerum sapiente vel voluptatem.</p>
<p>Architecto dolores obcaecati officia quasi ratione. Aliquid at cumque, debitis dicta error id quas quo, quos
    reiciendis repellat veniam vitae. Atque commodi dolorum illum, nihil nulla numquam odio totam unde!</p>
<p>Accusantium nam nisi praesentium quis repudiandae? Aliquam doloremque eveniet facilis harum odio optio veniam.
    Aliquam debitis eaque facere fugiat iure nobis omnis provident qui repellendus sequi, temporibus ut veritatis
    vitae.</p>
<p>Animi aut debitis delectus, doloremque eaque error exercitationem expedita illo incidunt, laboriosam, mollitia
    perferendis porro possimus praesentium sapiente totam ullam velit. Dolorem enim et iste molestiae reprehenderit
    saepe ullam, voluptatum?</p>
<p>Accusantium aliquid, at cum dolorem doloremque doloribus dolorum ea eos eum expedita explicabo ipsa, iste itaque
    iusto, labore minima nam pariatur perferendis quis quos rem repudiandae sed tenetur totam vitae?</p>
<p>Animi asperiores dolores ducimus earum et excepturi expedita fuga illo ipsum labore, laudantium nisi sed sequi soluta
    ut! Accusantium aliquam amet architecto cum dolores earum illum itaque magni numquam, similique?</p>
<p>Alias laborum nesciunt quisquam rem sequi. Adipisci aperiam aspernatur dolores ea earum ex, fuga itaque maiores
    numquam quaerat quam quo rem sequi sint sunt? Consequatur cupiditate eos error laudantium molestias?</p>
<p>Alias aliquid assumenda autem culpa, delectus dicta dolorem doloremque dolores doloribus, esse eum laboriosam
    laudantium maiores necessitatibus nesciunt nisi perferendis porro provident rem saepe sequi similique sunt totam
    unde ut?</p>
<p>Eligendi non nostrum ratione unde, ut voluptates. A ab esse et exercitationem incidunt inventore ipsa laborum maxime,
    possimus, quaerat quis quisquam sequi! Aspernatur at culpa iste minima, nobis quod sed!</p>
<p>Accusamus ad aperiam consequuntur debitis dignissimos dolorum earum eligendi, enim est eveniet exercitationem facere
    illo impedit inventore magnam magni nisi non obcaecati quae quibusdam sit tempora unde ut veniam voluptatum!</p>
<p>Ad adipisci amet animi beatae corporis cum delectus dicta, fugiat id illum iusto minus molestiae mollitia perferendis
    placeat, qui quisquam quo quos rerum sunt tenetur, totam unde ut veniam vitae!</p>
</body>
</html>